<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=4687979" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c0;</span>
                <div class="name">免打扰</div>
                <div class="code-name">&amp;#xe6c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d0;</span>
                <div class="name">冻结中</div>
                <div class="code-name">&amp;#xe6d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cb;</span>
                <div class="name">加</div>
                <div class="code-name">&amp;#xe7cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
                <div class="name">关闭</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cd;</span>
                <div class="name">结束订单</div>
                <div class="code-name">&amp;#xe6cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ce;</span>
                <div class="name">取消订单</div>
                <div class="code-name">&amp;#xe6ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c9;</span>
                <div class="name">确认到店</div>
                <div class="code-name">&amp;#xe6c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ca;</span>
                <div class="name">分享好友</div>
                <div class="code-name">&amp;#xe6ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cb;</span>
                <div class="name">续单</div>
                <div class="code-name">&amp;#xe6cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cc;</span>
                <div class="name">换包间</div>
                <div class="code-name">&amp;#xe6cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe802;</span>
                <div class="name">包间管理</div>
                <div class="code-name">&amp;#xe802;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c8;</span>
                <div class="name">余额</div>
                <div class="code-name">&amp;#xe6c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c7;</span>
                <div class="name">修改</div>
                <div class="code-name">&amp;#xe6c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c6;</span>
                <div class="name">进店门禁</div>
                <div class="code-name">&amp;#xe6c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c4;</span>
                <div class="name">选中</div>
                <div class="code-name">&amp;#xe6c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c5;</span>
                <div class="name">未选中 (Stroke)</div>
                <div class="code-name">&amp;#xe6c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">提示说明</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b5;</span>
                <div class="name">扫一扫</div>
                <div class="code-name">&amp;#xe8b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">修改、修改资料</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bf;</span>
                <div class="name">退款中</div>
                <div class="code-name">&amp;#xe6bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bc;</span>
                <div class="name">分享好友</div>
                <div class="code-name">&amp;#xe6bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bd;</span>
                <div class="name">复制链接</div>
                <div class="code-name">&amp;#xe6bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6be;</span>
                <div class="name">保存图片</div>
                <div class="code-name">&amp;#xe6be;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">微信</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">复制链接</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">保存图片@2x</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bb;</span>
                <div class="name">邀请福利</div>
                <div class="code-name">&amp;#xe6bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b7;</span>
                <div class="name">已使用</div>
                <div class="code-name">&amp;#xe6b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b8;</span>
                <div class="name">待使用</div>
                <div class="code-name">&amp;#xe6b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b9;</span>
                <div class="name">已过期</div>
                <div class="code-name">&amp;#xe6b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ba;</span>
                <div class="name">已退款</div>
                <div class="code-name">&amp;#xe6ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b6;</span>
                <div class="name">警告</div>
                <div class="code-name">&amp;#xe6b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b2;</span>
                <div class="name">开门</div>
                <div class="code-name">&amp;#xe6b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b3;</span>
                <div class="name">抖音验券</div>
                <div class="code-name">&amp;#xe6b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b4;</span>
                <div class="name">美团验券</div>
                <div class="code-name">&amp;#xe6b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b5;</span>
                <div class="name">续单</div>
                <div class="code-name">&amp;#xe6b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec32;</span>
                <div class="name">定位</div>
                <div class="code-name">&amp;#xec32;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b1;</span>
                <div class="name">默认头像</div>
                <div class="code-name">&amp;#xe6b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b0;</span>
                <div class="name">账户余额</div>
                <div class="code-name">&amp;#xe6b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ad;</span>
                <div class="name">全部门店</div>
                <div class="code-name">&amp;#xe6ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ae;</span>
                <div class="name">联系电话</div>
                <div class="code-name">&amp;#xe6ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6af;</span>
                <div class="name">收藏门店</div>
                <div class="code-name">&amp;#xe6af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea4a;</span>
                <div class="name">问号</div>
                <div class="code-name">&amp;#xea4a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe9d4;</span>
                <div class="name">帮助</div>
                <div class="code-name">&amp;#xe9d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ab;</span>
                <div class="name">门店标志</div>
                <div class="code-name">&amp;#xe6ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ac;</span>
                <div class="name">时间</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6aa;</span>
                <div class="name">定位</div>
                <div class="code-name">&amp;#xe6aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea29;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xea29;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">在线客服</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">电话</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe91e;</span>
                <div class="name">打钩-选择</div>
                <div class="code-name">&amp;#xe91e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe920;</span>
                <div class="name">关闭-2</div>
                <div class="code-name">&amp;#xe920;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe682;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe682;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67d;</span>
                <div class="name">优惠</div>
                <div class="code-name">&amp;#xe67d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67f;</span>
                <div class="name">我的</div>
                <div class="code-name">&amp;#xe67f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe680;</span>
                <div class="name">订单</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea36;</span>
                <div class="name">上-2</div>
                <div class="code-name">&amp;#xea36;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea37;</span>
                <div class="name">下拉-2</div>
                <div class="code-name">&amp;#xea37;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea39;</span>
                <div class="name">左-2</div>
                <div class="code-name">&amp;#xea39;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea3a;</span>
                <div class="name">右-2</div>
                <div class="code-name">&amp;#xea3a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea40;</span>
                <div class="name">下拉-1</div>
                <div class="code-name">&amp;#xea40;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea41;</span>
                <div class="name">上-1</div>
                <div class="code-name">&amp;#xea41;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea42;</span>
                <div class="name">右-1</div>
                <div class="code-name">&amp;#xea42;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea43;</span>
                <div class="name">左-1</div>
                <div class="code-name">&amp;#xea43;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea0f;</span>
                <div class="name">筛选</div>
                <div class="code-name">&amp;#xea0f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea13;</span>
                <div class="name">隐藏密码</div>
                <div class="code-name">&amp;#xea13;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea14;</span>
                <div class="name">消息通知</div>
                <div class="code-name">&amp;#xea14;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea12;</span>
                <div class="name">显示密码</div>
                <div class="code-name">&amp;#xea12;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">切换</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ab;</span>
                <div class="name">爱心</div>
                <div class="code-name">&amp;#xe8ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ad;</span>
                <div class="name">电话</div>
                <div class="code-name">&amp;#xe8ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ae;</span>
                <div class="name">地图</div>
                <div class="code-name">&amp;#xe8ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8c3;</span>
                <div class="name">爱心</div>
                <div class="code-name">&amp;#xe8c3;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot?t=1740559987121'); /* IE9 */
  src: url('iconfont.eot?t=1740559987121#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
       url('iconfont.woff?t=1740559987121') format('woff'),
       url('iconfont.ttf?t=1740559987121') format('truetype'),
       url('iconfont.svg?t=1740559987121#iconfont') format('svg');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-miandarao"></span>
            <div class="name">
              免打扰
            </div>
            <div class="code-name">.icon-miandarao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dongjiezhong"></span>
            <div class="name">
              冻结中
            </div>
            <div class="code-name">.icon-dongjiezhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jia1"></span>
            <div class="name">
              加
            </div>
            <div class="code-name">.icon-jia1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanbi"></span>
            <div class="name">
              关闭
            </div>
            <div class="code-name">.icon-guanbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jieshudingdan"></span>
            <div class="name">
              结束订单
            </div>
            <div class="code-name">.icon-jieshudingdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quxiaodingdan"></span>
            <div class="name">
              取消订单
            </div>
            <div class="code-name">.icon-quxiaodingdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-querendaodian"></span>
            <div class="name">
              确认到店
            </div>
            <div class="code-name">.icon-querendaodian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenxianghaoyou1"></span>
            <div class="name">
              分享好友
            </div>
            <div class="code-name">.icon-fenxianghaoyou1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xudan1"></span>
            <div class="name">
              续单
            </div>
            <div class="code-name">.icon-xudan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huanbaojian"></span>
            <div class="name">
              换包间
            </div>
            <div class="code-name">.icon-huanbaojian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baojianguanli"></span>
            <div class="name">
              包间管理
            </div>
            <div class="code-name">.icon-baojianguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Frame1"></span>
            <div class="name">
              余额
            </div>
            <div class="code-name">.icon-Frame1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiugai"></span>
            <div class="name">
              修改
            </div>
            <div class="code-name">.icon-xiugai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Frame"></span>
            <div class="name">
              进店门禁
            </div>
            <div class="code-name">.icon-Frame
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xuanzhong"></span>
            <div class="name">
              选中
            </div>
            <div class="code-name">.icon-xuanzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weixuanzhongStroke"></span>
            <div class="name">
              未选中 (Stroke)
            </div>
            <div class="code-name">.icon-a-weixuanzhongStroke
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tishishuoming"></span>
            <div class="name">
              提示说明
            </div>
            <div class="code-name">.icon-tishishuoming
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-saoyisao"></span>
            <div class="name">
              扫一扫
            </div>
            <div class="code-name">.icon-saoyisao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-cangpeitubiao_xiugaixiugaiziliao"></span>
            <div class="name">
              修改、修改资料
            </div>
            <div class="code-name">.icon-cangpeitubiao_xiugaixiugaiziliao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuikuanzhong"></span>
            <div class="name">
              退款中
            </div>
            <div class="code-name">.icon-tuikuanzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenxianghaoyou"></span>
            <div class="name">
              分享好友
            </div>
            <div class="code-name">.icon-fenxianghaoyou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuzhilianjie1"></span>
            <div class="name">
              复制链接
            </div>
            <div class="code-name">.icon-fuzhilianjie1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baocuntupian"></span>
            <div class="name">
              保存图片
            </div>
            <div class="code-name">.icon-baocuntupian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon"></span>
            <div class="name">
              微信
            </div>
            <div class="code-name">.icon-icon
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuzhilianjie"></span>
            <div class="name">
              复制链接
            </div>
            <div class="code-name">.icon-fuzhilianjie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baocuntupianx"></span>
            <div class="name">
              保存图片@2x
            </div>
            <div class="code-name">.icon-baocuntupianx
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yaoqingfuli"></span>
            <div class="name">
              邀请福利
            </div>
            <div class="code-name">.icon-yaoqingfuli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yishiyong"></span>
            <div class="name">
              已使用
            </div>
            <div class="code-name">.icon-yishiyong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daishiyong"></span>
            <div class="name">
              待使用
            </div>
            <div class="code-name">.icon-daishiyong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yiguoqi"></span>
            <div class="name">
              已过期
            </div>
            <div class="code-name">.icon-yiguoqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yituikuan"></span>
            <div class="name">
              已退款
            </div>
            <div class="code-name">.icon-yituikuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-lujing1045"></span>
            <div class="name">
              警告
            </div>
            <div class="code-name">.icon-a-lujing1045
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaimen"></span>
            <div class="name">
              开门
            </div>
            <div class="code-name">.icon-kaimen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-douyinyanquan"></span>
            <div class="name">
              抖音验券
            </div>
            <div class="code-name">.icon-douyinyanquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-meituanyanquan"></span>
            <div class="name">
              美团验券
            </div>
            <div class="code-name">.icon-meituanyanquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xudan"></span>
            <div class="name">
              续单
            </div>
            <div class="code-name">.icon-xudan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dingwei"></span>
            <div class="name">
              定位
            </div>
            <div class="code-name">.icon-dingwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shezhi"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.icon-shezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-morentouxiang"></span>
            <div class="name">
              默认头像
            </div>
            <div class="code-name">.icon-morentouxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhanghuyue"></span>
            <div class="name">
              账户余额
            </div>
            <div class="code-name">.icon-zhanghuyue
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-quanbumendian"></span>
            <div class="name">
              全部门店
            </div>
            <div class="code-name">.icon-quanbumendian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lianxidianhua"></span>
            <div class="name">
              联系电话
            </div>
            <div class="code-name">.icon-lianxidianhua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shoucangmendian"></span>
            <div class="name">
              收藏门店
            </div>
            <div class="code-name">.icon-shoucangmendian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenhao"></span>
            <div class="name">
              问号
            </div>
            <div class="code-name">.icon-wenhao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bangzhu"></span>
            <div class="name">
              帮助
            </div>
            <div class="code-name">.icon-bangzhu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-mendianbiaozhi"></span>
            <div class="name">
              门店标志
            </div>
            <div class="code-name">.icon-mendianbiaozhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shijian"></span>
            <div class="name">
              时间
            </div>
            <div class="code-name">.icon-shijian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-zu23371"></span>
            <div class="name">
              定位
            </div>
            <div class="code-name">.icon-a-zu23371
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sousuo1"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.icon-sousuo1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zaixiankefu"></span>
            <div class="name">
              在线客服
            </div>
            <div class="code-name">.icon-zaixiankefu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianhua1"></span>
            <div class="name">
              电话
            </div>
            <div class="code-name">.icon-dianhua1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dagou-xuanze"></span>
            <div class="name">
              打钩-选择
            </div>
            <div class="code-name">.icon-dagou-xuanze
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guanbi-2"></span>
            <div class="name">
              关闭-2
            </div>
            <div class="code-name">.icon-guanbi-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouye1"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.icon-shouye1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-youhui"></span>
            <div class="name">
              优惠
            </div>
            <div class="code-name">.icon-youhui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wode"></span>
            <div class="name">
              我的
            </div>
            <div class="code-name">.icon-wode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dingdan"></span>
            <div class="name">
              订单
            </div>
            <div class="code-name">.icon-dingdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouye"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.icon-shouye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shang-2"></span>
            <div class="name">
              上-2
            </div>
            <div class="code-name">.icon-shang-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiala-2"></span>
            <div class="name">
              下拉-2
            </div>
            <div class="code-name">.icon-xiala-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zuo-2"></span>
            <div class="name">
              左-2
            </div>
            <div class="code-name">.icon-zuo-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-you-2"></span>
            <div class="name">
              右-2
            </div>
            <div class="code-name">.icon-you-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiala-1"></span>
            <div class="name">
              下拉-1
            </div>
            <div class="code-name">.icon-xiala-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shang-1"></span>
            <div class="name">
              上-1
            </div>
            <div class="code-name">.icon-shang-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-you-1"></span>
            <div class="name">
              右-1
            </div>
            <div class="code-name">.icon-you-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zuo-1"></span>
            <div class="name">
              左-1
            </div>
            <div class="code-name">.icon-zuo-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shaixuan"></span>
            <div class="name">
              筛选
            </div>
            <div class="code-name">.icon-shaixuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yincangmima"></span>
            <div class="name">
              隐藏密码
            </div>
            <div class="code-name">.icon-yincangmima
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoxitongzhi"></span>
            <div class="name">
              消息通知
            </div>
            <div class="code-name">.icon-xiaoxitongzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xianshimima"></span>
            <div class="name">
              显示密码
            </div>
            <div class="code-name">.icon-xianshimima
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiehuan"></span>
            <div class="name">
              切换
            </div>
            <div class="code-name">.icon-qiehuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-aixin"></span>
            <div class="name">
              爱心
            </div>
            <div class="code-name">.icon-aixin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianhua"></span>
            <div class="name">
              电话
            </div>
            <div class="code-name">.icon-dianhua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ditu"></span>
            <div class="name">
              地图
            </div>
            <div class="code-name">.icon-ditu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-aixin1"></span>
            <div class="name">
              爱心
            </div>
            <div class="code-name">.icon-aixin1
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-miandarao"></use>
                </svg>
                <div class="name">免打扰</div>
                <div class="code-name">#icon-miandarao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dongjiezhong"></use>
                </svg>
                <div class="name">冻结中</div>
                <div class="code-name">#icon-dongjiezhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jia1"></use>
                </svg>
                <div class="name">加</div>
                <div class="code-name">#icon-jia1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanbi"></use>
                </svg>
                <div class="name">关闭</div>
                <div class="code-name">#icon-guanbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jieshudingdan"></use>
                </svg>
                <div class="name">结束订单</div>
                <div class="code-name">#icon-jieshudingdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quxiaodingdan"></use>
                </svg>
                <div class="name">取消订单</div>
                <div class="code-name">#icon-quxiaodingdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-querendaodian"></use>
                </svg>
                <div class="name">确认到店</div>
                <div class="code-name">#icon-querendaodian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenxianghaoyou1"></use>
                </svg>
                <div class="name">分享好友</div>
                <div class="code-name">#icon-fenxianghaoyou1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xudan1"></use>
                </svg>
                <div class="name">续单</div>
                <div class="code-name">#icon-xudan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huanbaojian"></use>
                </svg>
                <div class="name">换包间</div>
                <div class="code-name">#icon-huanbaojian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baojianguanli"></use>
                </svg>
                <div class="name">包间管理</div>
                <div class="code-name">#icon-baojianguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Frame1"></use>
                </svg>
                <div class="name">余额</div>
                <div class="code-name">#icon-Frame1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiugai"></use>
                </svg>
                <div class="name">修改</div>
                <div class="code-name">#icon-xiugai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Frame"></use>
                </svg>
                <div class="name">进店门禁</div>
                <div class="code-name">#icon-Frame</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xuanzhong"></use>
                </svg>
                <div class="name">选中</div>
                <div class="code-name">#icon-xuanzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weixuanzhongStroke"></use>
                </svg>
                <div class="name">未选中 (Stroke)</div>
                <div class="code-name">#icon-a-weixuanzhongStroke</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tishishuoming"></use>
                </svg>
                <div class="name">提示说明</div>
                <div class="code-name">#icon-tishishuoming</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-saoyisao"></use>
                </svg>
                <div class="name">扫一扫</div>
                <div class="code-name">#icon-saoyisao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-cangpeitubiao_xiugaixiugaiziliao"></use>
                </svg>
                <div class="name">修改、修改资料</div>
                <div class="code-name">#icon-cangpeitubiao_xiugaixiugaiziliao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuikuanzhong"></use>
                </svg>
                <div class="name">退款中</div>
                <div class="code-name">#icon-tuikuanzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenxianghaoyou"></use>
                </svg>
                <div class="name">分享好友</div>
                <div class="code-name">#icon-fenxianghaoyou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuzhilianjie1"></use>
                </svg>
                <div class="name">复制链接</div>
                <div class="code-name">#icon-fuzhilianjie1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baocuntupian"></use>
                </svg>
                <div class="name">保存图片</div>
                <div class="code-name">#icon-baocuntupian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon"></use>
                </svg>
                <div class="name">微信</div>
                <div class="code-name">#icon-icon</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuzhilianjie"></use>
                </svg>
                <div class="name">复制链接</div>
                <div class="code-name">#icon-fuzhilianjie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baocuntupianx"></use>
                </svg>
                <div class="name">保存图片@2x</div>
                <div class="code-name">#icon-baocuntupianx</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yaoqingfuli"></use>
                </svg>
                <div class="name">邀请福利</div>
                <div class="code-name">#icon-yaoqingfuli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yishiyong"></use>
                </svg>
                <div class="name">已使用</div>
                <div class="code-name">#icon-yishiyong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daishiyong"></use>
                </svg>
                <div class="name">待使用</div>
                <div class="code-name">#icon-daishiyong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yiguoqi"></use>
                </svg>
                <div class="name">已过期</div>
                <div class="code-name">#icon-yiguoqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yituikuan"></use>
                </svg>
                <div class="name">已退款</div>
                <div class="code-name">#icon-yituikuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-lujing1045"></use>
                </svg>
                <div class="name">警告</div>
                <div class="code-name">#icon-a-lujing1045</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kaimen"></use>
                </svg>
                <div class="name">开门</div>
                <div class="code-name">#icon-kaimen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-douyinyanquan"></use>
                </svg>
                <div class="name">抖音验券</div>
                <div class="code-name">#icon-douyinyanquan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-meituanyanquan"></use>
                </svg>
                <div class="name">美团验券</div>
                <div class="code-name">#icon-meituanyanquan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xudan"></use>
                </svg>
                <div class="name">续单</div>
                <div class="code-name">#icon-xudan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dingwei"></use>
                </svg>
                <div class="name">定位</div>
                <div class="code-name">#icon-dingwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shezhi"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#icon-shezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-morentouxiang"></use>
                </svg>
                <div class="name">默认头像</div>
                <div class="code-name">#icon-morentouxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhanghuyue"></use>
                </svg>
                <div class="name">账户余额</div>
                <div class="code-name">#icon-zhanghuyue</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-quanbumendian"></use>
                </svg>
                <div class="name">全部门店</div>
                <div class="code-name">#icon-quanbumendian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lianxidianhua"></use>
                </svg>
                <div class="name">联系电话</div>
                <div class="code-name">#icon-lianxidianhua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shoucangmendian"></use>
                </svg>
                <div class="name">收藏门店</div>
                <div class="code-name">#icon-shoucangmendian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenhao"></use>
                </svg>
                <div class="name">问号</div>
                <div class="code-name">#icon-wenhao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bangzhu"></use>
                </svg>
                <div class="name">帮助</div>
                <div class="code-name">#icon-bangzhu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-mendianbiaozhi"></use>
                </svg>
                <div class="name">门店标志</div>
                <div class="code-name">#icon-mendianbiaozhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijian"></use>
                </svg>
                <div class="name">时间</div>
                <div class="code-name">#icon-shijian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-zu23371"></use>
                </svg>
                <div class="name">定位</div>
                <div class="code-name">#icon-a-zu23371</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sousuo1"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#icon-sousuo1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zaixiankefu"></use>
                </svg>
                <div class="name">在线客服</div>
                <div class="code-name">#icon-zaixiankefu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianhua1"></use>
                </svg>
                <div class="name">电话</div>
                <div class="code-name">#icon-dianhua1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dagou-xuanze"></use>
                </svg>
                <div class="name">打钩-选择</div>
                <div class="code-name">#icon-dagou-xuanze</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guanbi-2"></use>
                </svg>
                <div class="name">关闭-2</div>
                <div class="code-name">#icon-guanbi-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouye1"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#icon-shouye1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-youhui"></use>
                </svg>
                <div class="name">优惠</div>
                <div class="code-name">#icon-youhui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wode"></use>
                </svg>
                <div class="name">我的</div>
                <div class="code-name">#icon-wode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dingdan"></use>
                </svg>
                <div class="name">订单</div>
                <div class="code-name">#icon-dingdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouye"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#icon-shouye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shang-2"></use>
                </svg>
                <div class="name">上-2</div>
                <div class="code-name">#icon-shang-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiala-2"></use>
                </svg>
                <div class="name">下拉-2</div>
                <div class="code-name">#icon-xiala-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zuo-2"></use>
                </svg>
                <div class="name">左-2</div>
                <div class="code-name">#icon-zuo-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-you-2"></use>
                </svg>
                <div class="name">右-2</div>
                <div class="code-name">#icon-you-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiala-1"></use>
                </svg>
                <div class="name">下拉-1</div>
                <div class="code-name">#icon-xiala-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shang-1"></use>
                </svg>
                <div class="name">上-1</div>
                <div class="code-name">#icon-shang-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-you-1"></use>
                </svg>
                <div class="name">右-1</div>
                <div class="code-name">#icon-you-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zuo-1"></use>
                </svg>
                <div class="name">左-1</div>
                <div class="code-name">#icon-zuo-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shaixuan"></use>
                </svg>
                <div class="name">筛选</div>
                <div class="code-name">#icon-shaixuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yincangmima"></use>
                </svg>
                <div class="name">隐藏密码</div>
                <div class="code-name">#icon-yincangmima</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoxitongzhi"></use>
                </svg>
                <div class="name">消息通知</div>
                <div class="code-name">#icon-xiaoxitongzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xianshimima"></use>
                </svg>
                <div class="name">显示密码</div>
                <div class="code-name">#icon-xianshimima</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiehuan"></use>
                </svg>
                <div class="name">切换</div>
                <div class="code-name">#icon-qiehuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-aixin"></use>
                </svg>
                <div class="name">爱心</div>
                <div class="code-name">#icon-aixin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianhua"></use>
                </svg>
                <div class="name">电话</div>
                <div class="code-name">#icon-dianhua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ditu"></use>
                </svg>
                <div class="name">地图</div>
                <div class="code-name">#icon-ditu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-aixin1"></use>
                </svg>
                <div class="name">爱心</div>
                <div class="code-name">#icon-aixin1</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
